/*组件菜单*/
td.component-item {
	padding-left: 6px;
	background: #e4ecf1;
	box-shadow: 1px 1px 1px #f1f2f3, inset 1px 1px 1px rgba(255,255,255, .44);
	cursor: pointer;
}
td.component-item:hover {
	background: #e0ecff;
	box-shadow: 1px 1px 1px #f1f2f3, inset 1px 1px 1px rgba(255,255,255, .44);
}

/*基础文本类组件*/

.box {
	/*border:1px solid #F00;*/
	border: 1px solid #86b0d0;
	width: 200px;
	min-width: 150px;
	height: 40px;
	min-height: 40px;
	/*margin: 10px auto;*/
	margin: 0;
	vertical-align:middle;
	/*position: relative;*/
	/*clear: both;*/
	float: left;
	cursor: move;
}
.box:hover {
	 cursor: move;
}
.box .left {
	width:95px;
	height:100%;
	display: inline-block;
	background: #f2f5f7;
}
.box .left p{
	line-height: 100%;
	/*height: 100%;*/
	margin: 2px;
	margin-top: 13px;
	text-align: center;
}
.box .right {
	/* width: 100px; */
	/* min-width: 100px; */
	height: 100%;
	display: inline-block;
	background: #deedf7;
	left: 98px;
	position: absolute;
}
/*中线*/
.box label.lab1 {
	float: left;
	width: 3px;
	height: 100%;
	position: absolute;
	cursor: e-resize;
	left: 95px;
	background: #11fb0c;
}

.box .right>span>span {
	border:0;
}
.box-textbox span.mini-textbox {
	width: 100%;
	height: 100%;
}
.box-textbox span.mini-textbox>span {
	height: calc(100% - 2px);
}
.box-textbox span input {
	height: 100%;
}

.box-textarea {
	height: 60px;
	min-height: 40px;
}
.box-textarea span.mini-textbox {
	width: 100%;
	height: 100%;
}
.box-textarea span.mini-textbox>span {
	height: calc(100% - 2px);
}
.box-textarea span input {
	height: 100%;
}

.box-datepicker span.mini-datepicker{
	width: 100%;
	height: 100%;
}
.box-datepicker span.mini-datepicker>span{
	height: calc(100% - 2px);
	/*cursor: move;*/
}
/*.box-datepicker .mini-buttonedit-input {*/
	/*height: 0;*/
/*}*/
/*.box-datepicker .mini-buttonedit-button {*/
	/*cursor: move !important;*/
/*}*/
.box-combobox span.mini-combobox {
	width: 100%;
	height: 100%;
}
/*.box-lookup span.mini-lookup>span {*/
	/*height: calc(100% - 2px);*/
/*}*/
/*.box-lookup span.mini-lookup {*/
	/*width: 100%;*/
	/*height: 100%;*/
/*}*/
.box-buttonedit span.mini-textbox {
	width: 100%;
	height: 100%;
}
.box-buttonedit span.mini-textbox>span {
	height: calc(100% - 2px);
}
.box-buttonedit span input {
	height: 100%;
}
.box-buttonedit span.mini-buttonedit {
	width: 100%;
	height: 100%;
}
.box-buttonedit span.mini-buttonedit>span {
	height: calc(100% - 2px);
}
.box-buttonedit span input {
	height: 100%;
}

.box-combobox span.mini-combobox>span {
	height: calc(100% - 2px);
}
/* #mainField span.mini-checkbox {
	background: #f2f5f7;
	min-height: 26px;
	min-width: 100px;
	line-height: 36px;
	display: inline-block;
}

.box-checkbox {
	border: 1px solid #86b0d0;
	background: #f2f5f7;
	min-height: 39px !important;
	min-width: 102px;
	padding-right: 14px;
	display: inline-block;
} */
.box-checkbox {
    min-width: 200px !important;
}
.box-checkbox span.mini-textbox {
	width: 100%;
	height: 100%;
}
.box-checkbox span.mini-textbox>span {
	height: calc(100% - 2px);
}
.box-checkbox span input {
	height: 100%;
}
.box-checkbox span.mini-checkbox {
	width: 100%;
	height: 100%;
}
.box-checkbox span.mini-checkbox>span {
	height: calc(100% - 2px);
}
.box-checkbox span input {
	height: 100%;
}

.box-combobox span.mini-combobox>span {
	height: calc(100% - 2px);
}
.box-formname {
	border: 1px solid #86b0d0;
	background: #f2f5f7;
	min-height: 30px !important;
	height: 40px;
	min-width: 140px;
	/* padding-right: 14px; */
	display: inline-block;
}
.box-formname span.mini-textbox {
    width: calc(100% - 4px);
    height: 100%;
    margin-left: 4px;
/*     height: 100%;
    width: 100%; */
}
.box-formname span.mini-textbox>span {
	height: calc(100% - 2px);
}
.box-formname span input {
	height: 100%;
}

.box-spinner span.mini-spinner {
	width: 100%;
	height: 100%;
}
.box-spinner span.mini-spinner>span {
	height: calc(100% - 2px);
}
.box-spinner span input {
	height: 100%;
}
/*.fuzhu {*/
	/*border:1px solid #F00;*/
	/*width: 200px;*/
	/*height: 40px;*/
	/*!*margin: 10px auto;*!*/
	/*margin: 0;*/
	/*vertical-align:middle;*/
	/*!*position: relative;*!*/
	/*!*clear: both;*!*/
	/*float: left;*/
	/*cursor: move;*/
/*}*/
/*.kinput{*/
	/*left:98px;height:100%;position: absolute;right:0px;*/
/*}*/
/*.fuzhu li {*/
	/*width: 95px;*/
	/*float: left;*/
	/*height: 100%;*/
	/*background: #ccc;*/
	/*overflow: hidden;*/
	/*text-align: center;*/
	/*line-height: 40px;*/
/*}*/

/*.fuzhu input {*/
	/*width: 91px;*/
	/*float: left;*/
	/*height: 100%;*/
	/*background: #e4ecf1;*/
	/*overflow: hidden;*/
	/*text-align: center;*/
	/*line-height: 40px;*/
	/*border: 1px solid #e4ecf1;*/
/*}*/

/*.fuzhu label.lab1 {*/
	/*left: 91px;*/
	/*background: #11fb0c;*/
	/*width: 3px;*/
	/*height: 100%;*/
	/*z-index: 1;*/
	/*display: inline-block;*/
	/*position: absolute;*/
	/*cursor: e-resize;*/
/*}*/
/*.fuzhu div.k {*/
	/*left: 94px;*/
	/*height: 100%;*/
	/*position: absolute;*/
	/*width: 104px;*/
	/*background: rgb(255, 255, 255);*/
/*}*/
/*.fuzhu div.li {*/
	/*height:100%;*/
	/*display: inline-block;*/
/*}*/

/*.fuzhu .date {*/
	/*width: 104px;*/
	/*height: 100%;*/
	/*left: 94px !important;*/
	/*!* display: inline; *!*/
	/*!* position: unset; *!*/
	/*position: absolute;*/
/*}*/
/*.date .mini-buttonedit-border {*/
	/*height: calc(100% - 2px);*/
/*}*/
/*.fuzhu-textarea {*/
	/*border:1px solid #F00;*/
	/*width: 240px;*/
	/*height: 60px;*/
	/*!*margin: 10px auto;*!*/
	/*margin: 0;*/
	/*vertical-align:middle;*/
	/*!*position: relative;*!*/
	/*!*clear: both;*!*/
	/*float: left;*/
	/*cursor: move;*/
/*}*/

/*.fuzhu-textarea input {*/
	/*width: 91px;*/
	/*float: left;*/
	/*height: 100%;*/
	/*background: #e4ecf1;*/
	/*overflow: hidden;*/
	/*text-align: center;*/
	/*line-height: 40px;*/
	/*border: 1px solid #e4ecf1;*/
/*}*/

/*.fuzhu-textarea label.lab1 {*/
	/*left: 91px;*/
	/*background: #11fb0c;*/
	/*width: 10px;*/
	/*height: 100%;*/
	/*display: inline-block;*/
	/*position: absolute;*/
	/*cursor: e-resize;*/
/*}*/
/*.fuzhu-textarea div.k {*/
	/*left: 94px;*/
	/*height: 100%;*/
	/*position: absolute;*/
	/*width: 144px;*/
	/*background: rgb(255, 255, 255);*/
/*}*/




/*table.tableCreated {*/
	/*background-color: white;*/
/*}*/
/*table.tableCreated tr td{*/
	/*width : 50px;*/
	/*height : 20px;*/
	/*line-height : 20px;*/
	/*text-align: center;*/
/*}*/

/*!*表单生成页*!*/
/*.visibility {*/
	/*visibility: visible !important;*/
	/*!*border: 1px solid #aed0ea !important;*!*/
/*}*/
/*.form_items {*/
	/*position: absolute !important;*/
/*}*/
/*.form_items .visibility .mini-textbox-border,*/
/*.form_items .visibility .mini-buttonedit-border {*/
	/*border: 0;*/
	/*border-bottom: 1px solid #aed0ea;*/
/*}*/
/*.form_items span input{*/
	/*height: 100%;*/
/*}*/
/*.form_items .mini-buttonedit-buttons {*/
	/*top: 16% !important;*/
/*}*/


/*!*表单设计器*!*/
/*td.mini-grid-detailCell {*/
	/*padding: 0;*/
/*}*/
/*!*.mainTable .mini-grid .mini-grid-rows {*!*/
/*!*min-height: 140px;*!*/
/*!*max-height: 250px;*!*/
/*!*overflow: auto;*!*/
/*!*}*!*/
/*!*.childTable .mini-grid .mini-grid-rows {*!*/
/*!*min-height: 140px;*!*/
/*!*!*max-height: 250px;*!*!*/
/*!*overflow: auto;*!*/
/*!*}*!*/
/*.popupMenu {*/
	/*width: 70px;*/
	/*!*margin: 4px;*!*/
/*}*/

/*#form-outlookbar table{*/
	/*border-collapse: separate;*/
	/*border-spacing: 4px;*/
/*}*/

        .dragbox {
     /*        float: left;
            list-style: none;
            width: 100px;
            height: 100px;
            border: 1px solid;
            margin: 20px; */
        }
        .dragbox, img {
            -webkit-user-select: none;
            -webkit-user-drag: none;
        }
        .draging {
            background-color: aquamarine;;
        }
        .selected{
            background-color: #FF0;
        }
